<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>个人简介</title>
        <style>
        .bg{
            background-color: #F5F5F5;
            background-image: url('../../图片素材/人物介绍/高晓亮.webp');
            background-position: cover;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 100%;
        }
        .box{
            width: 50vw;
            /* height: 100%; */
            min-height: 90Vh;
            background-color: white;
            margin: auto;
            margin-top: 20px;
            padding: 25px 50px;
            margin-right: 40px;
        }
        h1{
            color: #000;
            display: inline;
            font-size: 34px;
            font-weight: 400;
            line-height: 38px;
            margin-right: 10px;
            position: relative;
            vertical-align: sub;
            word-break: break-all;
        }
        p{
            font-size: 14px;
            word-wrap: break-word;
            color: #333;
            line-height: 24px;
            zoom: 1;
            clear: both;
        }
        .tu{
            background-image: url(https://bkssl.bdimg.com/resource/lemma/images/60e09abce95ec228d465.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
            font-family: PingFangSC-Medium;
            height: 123px;
            position: relative;
            width: 100%;
        }

        .graphLogo_DiB7I{
            background-image: url(https://bkssl.bdimg.com/resource/lemma/images/22f17ebd33b53e243fbc.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 20px;
            left: 20px;
            position: absolute;
            top: 20px;
            width: 20px;
        }
        .graphSlogen_Tnu6n{
            color: #333;
            font-size: 14px;
            font-weight: bolder;
            left: 44px;
            position: absolute;
            top: 20px;
        }
        .graphTitle_gLCmK{
            left: 45px;
            max-width: 180px;
            position: absolute;
            top: 55px;
        }
        .lemmaTitle_SsWZx{
            color: #000;
            font-size: 16px;
            font-weight: 500;
            line-height: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .subTitle_qa51k{
            color: rgba(0, 0, 0, .6);
            font-size: 12px;
            font-weight: 400;
            line-height: 12px;
            margin-top: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
    </head>
    <body class="bg">
        <div class="box">
            <h1>高晓亮</h1>
            <div>
                <p>电视剧《我的阿勒泰》中的男配角</p>
                
            </div>
            <div class="tu">
                <div>
                    <div class="graphLogo_DiB7I"></div>
                    <div class="graphSlogen_Tnu6n">百科图谱</div>
                </div>
                <div class="graphTitle_gLCmK">
                    <div class="lemmaTitle_SsWZx">高晓亮</div>
                    <div class="subTitle_qa51k">《我的阿勒泰》关系图</div>
                </div>
                
            </div>
        </div>

    </body>
</html>